<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title>Title</title>
</head>
<body>

<!--应用：表单验证-->
<a href="http://www.baidu.com" onclick="return clickON();">DOM</a>  <!--DOM方式，需要添加return-->
<a  id='i1' href="http://www.baidu.com" >jQuery</a>


<script src="jquery-1.12.4.js"></script>
<script>
    //DOM方式
    function clickON() {
        alert(123);
        return true;    //true，默认事件会发生，false 默认事件不发生,绑定时，需要添加return
    }
    //jQuery方式
    $('#i1').click(function () {
        alert(456);
        return false;  //true，默认事件会发生，false 默认事件不发生
    })
</script>
</body>
</html>